import { ref} from 'vue'
export interface JzTableBean {
    jzPageData:JzPageData,
    jzTable:JzTable,
}

//分页数据
export  interface JzPageData {
    //总数
    total:0,
    //当前页
    current:1,
    //每页显示条数
    size:10,
    //查询数据列表
    records:[]
}

//表格配置项
export interface JzTable {
    //字段
    zjColumnList:ZjColumn[],
    //是否显隐列按钮
    columnsBotton:boolean,
    //刷新按钮
    refreshBotton:boolean,
    //查询条件按钮
    queryCriteriaBotton:boolean
}


//表格配置项-字段
export interface ZjColumn {
    //字段名称 对应列内容的字段名
    prop:string,
    //显示的标题
    label:string,
    //对应列的宽度
    width:string,
    //对应列的宽度
    minWidth:string,
    //排序
    order:number,
    //列是否固定在左侧或者右侧
    fixed:string,
    //对应列是否可以排序
    sortable:boolean,
    //列对齐方式
    align:string,
    //是否展示
    show:boolean,
}


export let jzTableData: any =ref(<JzTableBean>{
    jzPageData: {current:1,size:10},
    jzTable: {},
});



export let jzTableConfig: any =ref({
    //查询条件是否展开
    queryCriteria:false,
});


